<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title></title>
    <script src="js/mui.min.js"></script>
    <link href="css/mui.min.css" rel="stylesheet"/>
    <link rel="stylesheet" type="text/css" href="css/index.css"/>
    <script type="text/javascript" charset="utf-8">
      	mui.init();
    </script> 
    <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
</head>
<body>
	<div id="see">
        <div class="header">V1.0.0<span class="tt" style="float: right;margin-right: 20px;"></span></div>

        <div class="main">
            
        </div>

        <div class="footer">
            <div class="foot_left">
                <a href="javascript:void (0)" title="表情" class="face"></a>
            </div>
            <div class="foot_bottom"> 
                <textarea class="shu"></textarea >
            </div>
            <div class="foot_right">
                <a href="javascript:void (0)" title="发送" class="fa"></a>
            </div>
        </div>
    </div>
</body>
<script src="js/config.js" type="text/javascript" charset="utf-8"></script>
<script src="js/tip.js" type="text/javascript" charset="utf-8"></script>
<script src="js/network.js" type="text/javascript" charset="utf-8"></script>
<script>
    $(function() { 
            getWidth();
            geiHeight();
            getData();
            add(); 
        })
        // 适应机型设置文本输入框宽度
    function getWidth() {
        var width = $(document).width();
        $(".shu").css("width", width - 88);
    }
    //相应高度  多余隐藏
    function geiHeight() {
        $(".main").css("height", $(".foot_bottom").offset().top - 22);
    }
</script>
</html>